<!--设置模块唯一ID-->
<div id="ld_shangpin">
<!--标题、面包屑-->
<section class="content-header">
    <h1>
        商品
        <small>绿雕</small>
    </h1>
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> 首页</a></li>
        <li>绿雕</li>
        <li class="active">商品</li>
    </ol>
</section>
<!--列表-->
<section class="content">
    <div class="row">
        <div class="col-xs-12">
            <div class="box">
                <div class="box-header">
                    <div class="btn-group pull-left" data-type="actionBar">
                    </div>
                    <div class=" pull-right" data-type="columnControl">
                    </div>
                    <div class=" pull-right " data-type="searchControl">
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="box-body">
                    <table class="table table-bordered table-striped table-hover" style="width: 1500px;">
                        <thead>
                            <tr>
                                <th rowspan="2">绿雕名称</th>
                                <th rowspan="2">规格</th>
                                <th rowspan="2">批号</th>
                                <th colspan="3">成本</th>
                                <th rowspan="2">成本总额</th>
                                <th rowspan="2">销售记录</th>
                            </tr>
                            <tr>
                                <th>植物成本</th>
                                <th>耗材成本</th>
                                <th>铁艺成本</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>
</section>

<script>
    USEN(function () {
        //模块ID(全系统唯一)
        var id = "#ld_shangpin";

        //定义页面变量
        var $el = $(id);
        var $actionBar = $el.find("[data-type=actionBar]");
        var tableId = id + " table.table";
        var $table = $(tableId);
        var myTable;


        //初始化datatable数据列表
        myTable = new USEN.Datatable({
            //设置ID
            "id": tableId,
            //设置列控制模块容器
            "columnControl": id + " [data-type=columnControl]",
            //设置搜索模块容器
            "searchControl": id + " [data-type=searchControl]",
            //配置服务
            "ajax": "./simdata/common_table_ation.json",
            //列设置
            "columns": [
                {  "data": "p0"},
                { "data": "p1"},
                {  "data": "p2"},
                {  "data": "p3"},
                {  "data": "p4" },
                {  "data": "p3"},
                {  "data": "p4" },
                {  "data": "p5" }
            ]
        })
    });
</script>
</div>